<template>
 <div class="student demo">
    <h2>名称：{{name}}</h2>
    <h2>性别：{{sex}}</h2>
    <button @click="sendStudentName">把学生名给School组件</button>
 </div>
</template>

<script>
import pubsub from 'pubsub-js'
export default {
  name: 'Student',
  data() {
    return {
      name: "张三",
      sex: '男',
    }
  },
  methods: {
    sendStudentName() {
      // this.$bus.$emit('test', this.name)
      pubsub.publish('hello', this.name)
    }
  },
  mounted() {
    // console.log(`Student`, window.x)
    // console.log(`Student`, this.x)
  }
}
</script>
<style scoped>
.student {
  background-color: orange;
}
.demo {
  color: steelblue;
}
</style>
